<template>
  <div class="usercenter-box myorderbox common-form-set">

    <div class="common-usercenter-box">
      <h6 class="common-title">我的收藏</h6>

      <form onsubmit="return false;" class="layui-form">
				<div class="layui-inline" style="width: 250px;">
					<input
            v-model="searchText"
            type="text"
            name="_key_word"
            class="layui-input"
            placeholder="请输入需要查询的内容">
				</div>
				<div class="layui-inline">
					<button
            class="layui-btn layui-btn-sm"
            lay-submit=""
            lay-filter="submit"
            @click="search">
            确认查询
          </button>
				</div>
			</form>

      <el-table
        v-loading="isLoading"
        :data="tableData"
        style="width: 100%;margin-top:20px;">
        <el-table-column type="selection" width="55">
        </el-table-column>
        <el-table-column label="商品名称">
        </el-table-column>
        <el-table-column
          label="商品类型">
        </el-table-column>
        <el-table-column label="收藏时间">
        </el-table-column>
        <el-table-column label="操作">
        </el-table-column>
      </el-table>
        <!-- <div class="myorderbox common-form-set">
          <section>
            <el-table :data="tableData">
              <el-table-column prop="date" label="选择"></el-table-column>
              <el-table-column prop="name" label="编号"></el-table-column>
              <el-table-column prop="address" label="商品名称"></el-table-column>
              <el-table-column prop="address" label="面值（元）"></el-table-column>
              <el-table-column prop="address" label="购价（元）"></el-table-column>
              <el-table-column prop="address" label="购买类型"></el-table-column>
            </el-table>
          </section>
        </div> -->
      </div>
  </div>
</template>

<script>
export default {
  layout: 'webIn4',
  data() {
    return {
      tableData: [],
      isLoading: false,
      searchText: '',
    }
  },
  methods: {
    search() {
      if(!this.searchText) return
    }
  },
}
</script>
<style>
@import 'assets/style/el-adapter.css';
</style>
<style lang="scss" scoped>

// @import 'assets/style/layer.css';
@import 'assets/style/layui.css';
@import 'assets/style/style8/common.css';
// @import 'assets/style/style8/style.css';
// @import 'assets/style/style8/font_1451715_0505c2bxv7b7.css';

.layui-table-view .layui-table {
  width: 100%;
}
.common-usercenter-box {
  min-height: 900px;
}
.common-form-set form {
  margin-top: 15px;
}
</style>
